<div class="ui-user">
	<div class="ui-top">
		<div class="ui-top-item">
			<div v-if="member.avatarStatus" class="ui-top-icon" style="background-image: url({{member.avatar | trans-avatar}})" v-touch:tap="openAvatar(member.avatar)">
				<i :class="{'female': member.sex == 1 ? true : false}"></i>
			</div>
			<div v-else class="ui-top-icon invalidImage">
				<span class="invalidWord">违规</span>
				<i :class="{'female': member.sex == 1 ? true : false}"></i>
			</div>
			<div class="ui-top-head">
				<span class="ui-top-name">{{member.nickname}}</span>
				<span class="ui-top-verification" :class="{'real': member.identity === 2, 'vip': member.identity === 1}" v-touch:tap="verifyTap()">{{identityMark}}</span>
			</div>
			<div class="ui-top-body">
				<span class="ui-body-item ">{{member.city}}</span>
				<span class="ui-body-item">{{member.age}}岁</span>
				<span class="ui-body-item">{{member.occupation}}</span>
			</div>
			<p class="ui-top-address" v-show="member.sex == 1">约会条件：{{member.datingCodition}}</p>
		</div>
	</div>
	<div class="ui-list paddingTop">
		<div class="ui-list-item bottom-line">
			<span class="ui-item-left">注册手机号</span>
			<span class="ui-item-right">{{member.username}}</span>
		</div>
		<div class="ui-list-item bottom-line arrow" v-touch:tap="onWinTap('member')" v-show="member.sex == 0 && !noGPS">
			<span class="ui-item-left">会员</span>
			<span class="ui-item-right">{{member.memberSurplusDays ? '剩余' + member.memberSurplusDays : '升级会员尊享约会特权'}}</span>
		</div>
		<div class="ui-list-item bottom-line arrow" v-touch:tap="onWinTap('wallet')" v-show="member.sex == 1">
			<span class="ui-item-left">钱包</span>
			<span class="ui-item-right">{{member.wallet || 0}}元</span>
		</div>
		<div v-show="!noGPS" class="ui-list-item bottom-line arrow" v-touch:tap=checkPermissions()>
			<span class="ui-item-left">查看权限</span>
			<span class="ui-item-right">{{checkLimitMark}}</span>
		</div>
		<div class="ui-list-item bottom-line arrow" v-touch:tap="onWinTap('msg')">
			<span class="ui-item-left">我的消息</span>
			<span class="ui-item-number">{{unread}}</span>
		</div>
		<div class="ui-list-item bottom-line arrow" v-show="noGPS" v-touch:tap="onWinTap('order')">
			<span class="ui-item-left">我的订单</span>
		</div>
		<div class="ui-list-item">
			<span class="ui-item-left">我的图库</span>
		</div>
	</div>
	<div class="images">
		<div class="img" v-for="image in images" v-touch:tap="previewImage(images, $index, $event)">
			<div class="bgi" style="background-image: url({{image.imagePath}})"></div>
			<div class="mask" :class="{'black': image.status}" v-show="image.level !== 0 || image.status"></div>
			<span class="text" v-show="image.level === 1 && member.sex === 1 && !image.status">阅后即焚</span>
			<span class="text" v-show="image.level === 2 && member.sex === 1 && !image.status">红包图片</span>
			<span class="text" v-show="image.status">违规</span>
			<i class="spot"></i>
		</div>
		<div class="add" v-touch:tap="addImg()" v-show="images.length < 9">
			<img src="../../image/me/add_img.png" alt="">
		</div>
	</div>
	<div class="ui-tip">
		<span>请勿上传裸露低俗的照片，严重者将做封号处理</span>
	</div>
	<div class="ui-list paddingTop marginBottom">
		<div class="ui-list-item bottom-line arrow" v-touch:tap="onWinTap('info')">
			<span class="ui-item-left">个人资料</span>
			<span class="ui-item-right">{{member.introduce}}</span>
		</div>
		<div v-show="!noGPS" class="ui-list-item bottom-line arrow" v-touch:tap="myComment()">
			<span class="ui-item-left">我的评价</span>
		</div>
		<div v-show="!noGPS" class="ui-list-item bottom-line arrow" v-touch:tap="onWinTap('radio')">
			<span class="ui-item-left">我的广播</span>
			<span class="ui-item-number">{{signerNum}}</span>
		</div>
		<div v-show="!noGPS" class="ui-list-item bottom-line arrow" v-touch:tap="onWinTap('mylove')">
			<span class="ui-item-left">我喜欢的</span>
		</div>
		<div class="ui-list-item arrow" v-touch:tap="onWinTap('blackName')">
			<span class="ui-item-left">黑名单</span>
		</div>
	</div>
	<div class="ui-list paddingTop marginBottom" v-show="member.sex === 1 && !noGPS">
		<div v-show="!noGPS" class="ui-list-item" :class="{'bottom-line': member.sex === 1}">
			<span class="ui-item-left">历史访客</span>
			<span class="ui-item-left pink">有{{visitors}}个人看过你</span>
		</div>
		<div class="ui-list-item arrow" v-touch:tap="onCancelTap()" v-show="member.sex === 1">
			<span class="ui-item-left">重置焚毁</span>
			<span class="ui-item-left pink">已有{{seeImages}}个人焚毁了你的照片</span>
			<span class="ui-item-right">一键恢复</span>
		</div>
	</div>
	<div class="ui-list paddingTop marginBottom">
		<div class="ui-list-item bottom-line arrow" v-touch:tap="onWinTap('changePsw')">
			<span class="ui-item-left">修改密码</span>
		</div>
		<!-- <div class="ui-list-item bottom-line arrow" v-touch:tap="onWinTap('setOpenPsw')">
			<span class="ui-item-left">设置APP开锁密码</span>
		</div> -->
		<!-- <div class="ui-list-item bottom-line arrow" v-touch:tap="onWinTap('msgSend')">
			<span class="ui-item-left">消息推送设置</span>
		</div> -->
		<div class="ui-list-item arrow" v-touch:tap="onCleanCacheTap()">
			<span class="ui-item-left">清理图片缓存</span>
			<span class="ui-item-right">{{size}}M</span>
		</div>
	</div>
	<div class="ui-list paddingTop marginBottom">
		<div class="ui-list-item bottom-line arrow" v-touch:tap="onCodeTap()" v-show="member.sex == 0">
			<span class="ui-item-left">帮朋友申请邀请码</span>
		</div>
		<!-- <div class="ui-list-item bottom-line arrow" v-touch:tap="onWinTap('verificate')">
			<span class="ui-item-left">邀请码验证</span>
		</div> -->
		<!-- <div class="ui-list-item bottom-line arrow">
			<span class="ui-item-left">分享APP</span>
		</div> -->
		<div class="ui-list-item arrow" v-touch:tap="onWinTap('agreement')">
			<span class="ui-item-left">《悦夜》用户使用协议</span>
		</div>
	</div>
	<div class="ui-list marginBottom">
		<div class="ui-list-item" v-touch:tap="onWinTap('service')">
			<span class="ui-item-left serve">有问题？联系客服</span>
		</div>
	</div>
	<div class="ui-list marginBottom">
		<div class="ui-list-item" v-touch:tap="onLogoutTap">
			<span class="ui-item-left logout">退出登录</span>
		</div>
	</div>
	<div class="ui-popup" v-show="showComment">
		<div class="ui-comment">
			<i class="ui-comment-avatar" style="background-image: url({{member.avatar}})"></i>
			<!-- <p class="ui-comment-name">{{member.nickname}}</p> -->
			<!-- <p class="ui-comment-title">你的真实评价</p> -->
			<div class="ui-comment-list">
				<div class="ui-comment-item" v-for="item in currentList">
					<p class="ui-comment-number" v-bind:class="{'select': item.select}">{{item.number}}</p>
					<p class="ui-comment-tap">{{item.title}}</p>
				</div>
			</div>
			<div class="ui-comment-btn" v-touch:tap="hideComment()">确定</div>
		</div>
	</div>
</div>

<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

	<!-- Background of PhotoSwipe. 
			 It's a separate element as animating opacity is faster than rgba(). -->
	<div class="pswp__bg"></div>

	<!-- Slides wrapper with overflow:hidden. -->
	<div class="pswp__scroll-wrap">

		<!-- Container that holds slides. 
				PhotoSwipe keeps only 3 of them in the DOM to save memory.
				Don't modify these 3 pswp__item elements, data is added later on. -->
		<div class="pswp__container">
			<div class="pswp__item"></div>
			<div class="pswp__item"></div>
			<div class="pswp__item"></div>
		</div>

		<div class="pswp__ui pswp__ui--hidden">

			<div class="pswp__top-bar">

				<div class="pswp__counter"></div>

				<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

				<button class="pswp__button pswp__button--share" title="Share"></button>

				<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

				<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

				<div class="pswp__preloader">
					<div class="pswp__preloader__icn">
						<div class="pswp__preloader__cut">
							<div class="pswp__preloader__donut"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
				<div class="pswp__share-tooltip"></div>
			</div>

			<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
				</button>

			<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
				</button>

			<div class="pswp__caption">
				<div class="pswp__caption__center"></div>
			</div>

		</div>

	</div>

</div>